console.log('注册页');
require("../less/register.less")
document.ready(function () {
   document.querySelector('#zop1').addEventListener('click',function(){
       location.href = 'login.html'
   })

    // 创建验证码渲染器
    let cp = '';
    let captcha1 = new CaptchaMini();
    captcha1.draw(document.querySelector('#captcha1'), r => {
        console.log(r, '验证码1');
        cp = r;
    });

    /* 表单验证 */
    /* 手机号验证  手机号不能为空   手机号要满足规则*/

    /* 验证码验证  必须和验证码一样  首先要的到随机刷新的验证码 */

    /* 密码 不能为空 */

    /* 密码2   和上次的密码必须一样 */

    /* 点击注册  调用数据接口  看有没有注册   */
    let ok = document.querySelector('.ok1')
    let pwd = document.querySelector('#pwd');
    let repwd = document.querySelector('#rePwd');
    let vc = document.querySelector('#vc');
    let tel = document.querySelector('#tel');

    document.querySelector('#reBtn').addEventListener('click', function () {
        let telVle = tel.value;

        /* 获取电话号码的值 */
        if (!(/^1[3-9]\d{9}$/.test(telVle))) {
            ok.textContent = '请输入正确电话号码';
            return false;
        }
        /* 验证码验证  必须和验证码一样  首先要的到随机刷新的验证码 */
        let vcVle = vc.value;

        if (vcVle.toLocaleLowerCase() !== cp.toLocaleLowerCase()) {
            ok.textContent = '请输入正确的验证码'
            return false;
        }


        let pwdVle = pwd.value;
        if (!pwdVle) {
            ok.textContent = '请输入正确的密码'
            return false;
        }

        let repwdVle = repwd.value;


        if (pwdVle !== repwdVle) {
            ok.textContent = '两次密码不一致';
            return false;
        }
        ok.textContent = '';

        /* 调用ajax接口  完成注册 */
        window.$http.post("/users/add",{account:telVle,password:pwdVle},function(res){
           // console.log(res)
           //成功
            if(res.status===0){
                window.$utils.tips('注册成功')
                location.href = 'login.html'
            }else{
                window.$utils.tips('已经注册',"😒",2000)

                //失败
            }
            ok.textContent = res.msg;
        })
        // $.post("xxxx",{},function(res){
        //     console.log(res)
        // })
    });


})